<template>
  <div class="content">
    <div>
      <ContentPaging @handleData="handleData"/>
    </div>
    <div>
        <ContentCategory :advertisingData="advertisingData"/>
    </div>
  </div>
</template>

<script>
import ContentPaging from "./ContentPaging";
import ContentCategory from "./ContentCategory";
export default {
  name: "Content",
  data(){
    return{
      advertisingData:{}
    }
  },
  components: {
    ContentPaging,
    ContentCategory
  },
  methods:{
    handleData(data){
      this.advertisingData = data;
    }
  }
};
</script>

<style scoped>
    .content>div{
        float: left;
        width: 50%;
    }
</style>